import React from 'react';
import { Button } from 'antd'
import filesaver from 'file-saver'

interface Props {}

function Excell(props:Props) {


    //前端须调用filesaver方法，或者让后端处理好
    var handleClick = ()=>{
        //导出的逻辑: 先发请求从服务器获取需要下载的数据,然后调用saveAs方法生成文件下载到本地.
        //调用saveAs方法生成文件下载到本地.
        filesaver.saveAs( new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"}),'abc.txt');
    }
    return (
        <div className='excel'>
            <Button onClick={handleClick}>下载</Button>
        </div>
    );
}

export default Excell;